<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>购物车</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body >
<div class="row" style="line-height: 200px">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">购物商城</a>
                </div>
                <div>
                    <!--向左对齐-->
                    <ul class="nav navbar-nav navbar-left">
                        <li class="dropdown">
                            <a href="home2.jsp" class="dropdown-toggle">
                                首页
                            </a>
                        </li>
                        <li class="dropdown">
                            <a href="goods2.jsp" class="dropdown-toggle">
                                商品
                            </a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle">
                                我的订单
                            </a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle">
                                个人中心
                            </a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle">
                                后台登陆
                            </a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="button">
                            <a href="#" class="dropdown-toggle">
                                提交订单
                            </a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle">
                                退出登录
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="col-md-1"></div>
</div>
<h1 style="margin-left: 13%">我的购物车</h1>
<!-- 表格部分 开始 -->
<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <table class="table table-striped table-bordered table-hover">
            <thead>
            <tr>
                <th class="col-md-2">商品号</th>
                <th class="col-md-2">商品名</th>
                <th class="col-md-2">商品图片</th>
                <th class="col-md-2">商品单价</th>
<%--                <th class="col-md-2">商品数量</th>--%>
                <th class="col-md-2">操作</th>
            </tr>
            </thead>
            <tbody id="tb">
            <tr>
                <td>1</td>
                <td>Bangalore</td>
                <td>Bangalore</td>
                <td>Bangalore</td>
<%--                <td>Bangalore</td>--%>
                <td>
                    <button style="margin-left: 10px" type="button" class="btn btn-danger btn-x">删除</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<!-- 分页 开始-->
<ul class="pagination" style=" margin-left: 35%" id="fy">
    <li><a href="#">&laquo;</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">&raquo;</a></li>
</ul>
<!-- 分页 结束-->
</div>
<div class="col-md-1"></div>
</div>
<!-- 表格部分 结束 -->
</body>

<script>
</script>
</html>
